<template>
	<view class="page-index">
		<view style="display: flex;margin-top: -7vw;transform: rotate(45deg);margin-left: 10vw;margin-top: -10vw;">
			<view class="firstBox">
				<view class="emptyBox"></view>
				<view class="emptyBox"></view>
				<view class="imageBox">
					<image src="../../static/image20.png" class="image"></image>
					<view class="tips"></view>
					<view class="content">
						<view class="" style="margin-top: 24px;">our</view>
						<view class="">story</view>
					</view>
				</view>

				<view class="imageBox"><image src="../../static/image20.png" class="image"></image></view>
			</view>
			<view class="firstBox">
				<view class="emptyBox"></view>
				<view class="imageBox"><image src="../../static/image20.png" class="image"></image></view>
				<view class="numBox">
					<view class="numInfo">
						<view class="">{{ num1 }}%</view>
						<view class="">Unlock</view>
					</view>
				</view>
				<view class="imageBox" style="filter:grayscale(100%)"><image src="../../static/image20.png" class="image"></image></view>
			</view>
			<view class="firstBox">
				<view class="imageBox"><image src="../../static/image20.png" class="image"></image></view>
				<view class="numBox">
					<view class="numInfo">
						<view class="">{{ num2 }}%</view>
						<view class="">Unlock</view>
					</view>
				</view>
				<view class="imageBox"><image src="../../static/image20.png" class="image"></image></view>
			</view>
			<view class="firstBox">
				<view class="imageBox"><image src="../../static/image20.png" class="image"></image></view>
				<view class="numBox">
					<view class="numInfo">
						<view class="">{{ num3 }}%</view>
						<view class="">Unlock</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bottom">
			<view class="titleBox">
				<view class="titleLeft">our story</view>
				<view class="titleRight">Route planning You and I co-created the DAO community</view>
			</view>
			<view class="value">
				<view class="valueRight"><view class="back" @click="back()">back</view></view>
				<view class="valueLeft">Route planning You and I co-created the DAO community</view>
				<!-- <view class="valueRight">
					<view class="Socoals">Socoals</view>
					<view class="cast" @click="cast()">cast</view>
				</view> -->
			</view>
		</view>
		<!-- 		<view class="topBox">
			<view class="imageBox"></view>
			<view class="imageRight"></view>
			<view class="imageBox"></view>
			<view class="imageRight"></view>
			<view class="imageBox"></view>
		</view>
		<view class="centerBox">
			<view class="imageBox"></view>
			<view class="imageRight"></view>
			<view class="numBox">
				<view class="numInfo">
					<view class="">100%</view>
					<view class="">Unlock</view>
				</view>
			</view>
			<view class="imageRight"></view>
			<view class="numBox">
				<view class="numInfo"><view class="">99%</view></view>
			</view>
			<view class="imageRight"></view>
			<view class="imageBox"></view>
		</view>
		<view class="bottomBox">
			<view class="imageBox"></view>
			<view class="imageRight"></view>
			<view class="imageBox"></view>
			<view class="imageRight"></view>
			<view class="numBox">
				<view class="numInfo"><view class="">45%</view></view>
			</view>
		</view> -->
		<!-- <view class="topBox">
			<view class="imageBox">
				<image src="/static/image20.png" mode="" class="images"></image>
			</view>
			<view class="imageBox">
				<image src="/static/image20.png" mode="" class="images"></image>
			</view><view class="imageBox">
				<image src="/static/image20.png" mode="" class="images"></image>
			</view>
		</view>
		<view class="topBox">
			<view class="imageBox">
				<image src="/static/image20.png" mode="" class="images"></image>
			</view>
			<view class="imageBox">
				<image src="/static/image20.png" mode="" class="images"></image>
			</view><view class="imageBox">
				<image src="/static/image20.png" mode="" class="images"></image>
			</view>
		</view> -->
	</view>
</template>

<script src="./page.js"></script>

<style scoped lang="scss">
@import 'page.scss';
</style>
